.essential-theme {
  .is-list-square {
    
    ion-thumbnail[item-start] {
      margin: 13px 13px 13px 0;
    }

    ion-item:not(.is-list-square-has-square) {
      padding-left: 85px;
      min-height: 82px;
    }

    ion-item {
      border: none;
    }

    ion-item.is-list-square-has-square {
      border-bottom: 1px solid map-get($colors, is-mute-light);
      border-top: 1px solid map-get($colors, is-mute-light);
    }

    ion-item.is-list-square-has-square + ion-item {
      .item-inner {
        border-top: none;
      }

      border-top: none;
    }

    ion-item:not(.is-list-square-has-square) {
      .item-inner {
          border-top: 1px solid map-get($colors, is-mute-light);
        }
    }

    ion-item-divider + ion-item.is-list-square-has-square {
      border-top: none;
    }

    ion-thumbnail {
      div span {
        color: map-get($colors, is-text-dark);
      }

      font-weight: 300;
      color: map-get($colors, is-mute-normal);
      min-height: 56px;
      min-width: 56px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
    }

    .is-list-square-title {
      font-size: 1.5rem;
      font-weight: 300;
      color: map-get($colors, is-text-dark);
    }

    p {
      margin-bottom: unset;
      font-size: 1.2rem;
      font-weight: 300;

      span {
        color: map-get($colors, is-mute-dark);
      }
    }

    p.is-list-square-note {
      color: map-get($colors, is-mute-normal);
      margin-top: 12px;
      ion-icon {
        font-size: 1em;
      }
    }

    ion-item.item-block .item-inner {
      border-left: 1px solid map-get($colors, is-mute-light);

      ion-label {
        margin-left: 8px;
      }
    }
  }
}
